<!doctype html>
<html style="" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="referrer" content="never">
		<meta http-equiv="Content-Language" content="zh-cn">
		<meta name="apple-mobile-web-app-capable" content="no">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="format-detection" content="telephone=no,email=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>共享设备测试</title>
		<style>
			body {
				margin: 0;
				padding: 0;
				font-family: Arial, "微軟正黑體";
				-webkit-overflow-scrolling: touch;
				background-color: #f0eff5;
			}

			* {
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				box-sizing: border-box;
			}

			a {
				border: 0;
				/*取消a標籤的虛線*/
				outline: none;
				/* for Firefox */
				hlbr: expression(this.onFocus=this.blur());
				/* for IE */
			}

			/*在線網銀*/
			.red_t {
				color: #ff0000;
			}

			.contain_main {
				width: 800px;
				height: 600px;
				padding: 20px 6% 0;
				margin: 0 auto;
			}

			.notice_box {
				background-color: #9caaa1;
				border: 1px solid #c3e6cb;
				box-sizing: border-box;
				display: table;
				width: 100%;
				padding: 3%;
				font-size: 1.2em;
				border-radius: 10px;
				color: #155724;
			}

			.notice_box ul {
				list-style-type: decimal;
				padding: 0;
				margin: 0;
				padding-left: 25px;
			}

			.notice_box ul li {
				margin-bottom: 1.5%;
			}

			.notice_box ul li:first-child {
				margin-top: 1.5%;
			}

			.inforData_box {
				font-size: 1.2em;
				padding: 3% 0;
			}

			.inforData_box ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

			.inforData_box ul li {
				line-height: 1.2em;
				margin-bottom: 2.5%;
			}

			.inforData_box ul li a {
				display: block;
				float: right;
				color: #04b7f1;
				cursor: pointer;
			}

			.inforData_tile {
				display: block;
				font-weight: bold;
				width: 23%;
				float: left;
			}

			.prompt_t {
				color: #3ba553;
			}

			.prompt_t img {
				width: 16px;
				height: auto;
			}

			@media (max-width: 768px) {
				.contain_main {
					width: 100%;
					height: auto;
					padding: 4% 6% 0;
					margin-top: 0;
				}

				.notice_box {
					width: 100%;
					padding: 4%;
				}

				.inforData_box ul li {
					margin-bottom: 4%;
				}

				.inforData_box ul li a {
					cursor: default;
				}

				.inforData_box ul li a:active {
					color: #9be7ff;
				}
			}

			@media (max-width: 420px) {
				.contain_main {
					padding: 6% 6% 0;
				}

				.notice_box {
					font-size: 1em;
					padding: 5% 6%;
				}

				.inforData_box {
					font-size: 1em;
					padding: 5% 0;
				}

				.inforData_box ul li {
					margin-bottom: 7%;
				}

				.notice_box ul li {
					margin-bottom: 0.5%;
				}

				.notice_box ul li:first-child {
					margin-top: 0.5%;
				}
			}

			@media (max-width: 375px) {
				.notice_box {
					font-size: 0.9em;
				}

				.inforData_box {
					font-size: 0.9em;
				}

				.prompt_t img {
					width: 12px;
				}
			}

			/* Set padding to keep content from hitting the edges */
			.body-content {
				padding-left: 15px;
				padding-right: 15px;
			}

			/* Set width on the form input elements since they're 100% wide by default */
			input,
			select,
			textarea {
				max-width: 280px;
			}
			.loginWrap .accreditInput{
				width: 65%;
			    height: 40px;
			    border: 1px solid #666;
			    border-radius: 4px;
			    background:#fff;
			}
			.loginBtn{
				margin-top: 10px;;
				width: 15%;
				height: 40px;
				text-align: center;
				color: #fff;
				background: #0048ff;
				border: none;
				line-height: 40px;
				cursor: pointer;
				opacity: 0.8;
				border-radius: 4px;
			}
		</style>
	</head>
	<body>
		<script>
			
			/**
			 * @param {String} text 需要复制的内容
			 * @return {Boolean} 复制成功:true或者复制失败:false  执行完函数后，按ctrl + v试试
			*/
			function copy(containerid) {
				var con = document.getElementById(containerid).innerText;
			    var textareaEl = document.createElement('textarea');
			    textareaEl.setAttribute('readonly', 'readonly'); // 防止手机上弹出软键盘
			    textareaEl.value = con;
			    document.body.appendChild(textareaEl);
			    textareaEl.select();
			    var res = document.execCommand('copy');
			    document.body.removeChild(textareaEl);
			    console.log("复制成功");
			    return res;
			}
		</script>
		<textarea style="display: none;" id="textarea"></textarea>
		<div class="contain_main">
			<div id="success_pnl" class="alert alert-success text-center" role="alert" style="display:none">
				<h4 style="font-family: Arial">✔ 操作成功！</h4> <br> <span style="font-family: Arial">sdfdf</span> <br>
				<br> <br> <br> <br>
			</div>
			<div id="main_pnl_1" class="notice_box" style="text-align: center;">
			<span class="red_t" style="font-size:1.5em;">设备信息</span> </div> <br>
			<div class="loginWrap">
				<span>终端ID:</span>
				<input id="baseSn" value="862353069983922"    class="accreditInput" placeholder="终端ID">
			</div>
			<br>
			<div class="notice_box"  style="background-color: #d8dde6">
				<span>服务器远程重启:</span>
				<div style="height: 20px;"></div>
				类型: 0x01<br>
				指令: 0x10<br>
				<div class="loginWrap">
					<br>
					参数:
					<br>
					<textarea style="height: 200px;" id="0110Param" class="accreditInput" placeholder="参数">
						{
						"id":1
						}
					</textarea>
					<br>
					<button class="loginBtn"    onClick="send0110('01','10')">发送</button>
					<br>
					结果:
					<br>
					<textarea style="height: 200px;" id="send0110Res" class="accreditInput" placeholder="结果"></textarea>
					<br>
				</div>
			</div>
			
			<br>
			<div class="notice_box"  style="background-color: #d8dde6">
				<span>服务器下发收费方案:</span>
				<div style="height: 20px;"></div>
				类型: 0x01<br>
				指令: 0x02<br>
				<div class="loginWrap">
					<br>
					参数:
					<br>
					<textarea style="height: 200px;" id="0102Param" class="accreditInput" placeholder="参数">
						{
							"pr3": "0.7",
							"pr2": "0.6",
							"pr5": "0.9",
							"pr4": "0.8",
							"pr7": "1.1",
							"pr6": "1",
							"pr9": "1.3",
							"pr8": "1.2",
							"pr1": "0.5",
							"pr0": "1.4"
						}
					</textarea>
					<br>
					<button class="loginBtn"    onClick="send0102('01','02')">发送</button>
					<br>
					结果:
					<br>
					<textarea style="height: 200px;" id="send0102Res" class="accreditInput" placeholder="结果"></textarea>
					<br>
				</div>
			</div>
			
			<br>
			<div class="notice_box"  style="background-color: #d8dde6">
				<span>服务器启动充电:</span>
				<div style="height: 20px;"></div>
				类型: 0x01<br>
				指令: 0x05<br>
				<div class="loginWrap">
					<br>
					参数:
					<br>
					<textarea style="height: 200px;" id="0105Param" class="accreditInput" placeholder="参数">
						{
						    "amt": 1,
						    "po": 1,
						    "oid": "1"
						}
					</textarea>
					<br>
					<button class="loginBtn"    onClick="send0105('01','05')">发送</button>
					<br>
					结果:
					<br>
					<textarea style="height: 200px;" id="send0105Res" class="accreditInput" placeholder="结果"></textarea>
					<br>
				</div>
			</div>
			<br>
			<div class="notice_box"  style="background-color: #d8dde6">
				<span>服务器停止充电:</span>
				<div style="height: 20px;"></div>
				类型: 0x01<br>
				指令: 0x06<br>
				<div class="loginWrap">
					<br>
					参数:
					<br>
					<textarea style="height: 200px;" id="0106Param" class="accreditInput" placeholder="参数">
						{
							"po": 1,
							"oid": "1"
						}
					</textarea>
					<br>
					<button class="loginBtn"    onClick="send0106('01','06')">发送</button>
					<br>
					结果:
					<br>
					<textarea style="height: 200px;" id="send0106Res" class="accreditInput" placeholder="结果"></textarea>
					<br>
				</div>
			</div>
			<br>
			<div class="notice_box"  style="background-color: #d8dde6">
				<span>设置工作参数:</span>
				<div style="height: 20px;"></div>
				类型: 0x01<br>
				指令: 0x06<br>
				<div class="loginWrap">
					<br>
					参数:
					<br>
					<textarea style="height: 200px;" id="010BParam" class="accreditInput" placeholder="参数">
						{
							"mip": "5",
							"map": "1000",
							"fpw": "10",
							"fwt": "10",
							"tp": "100"
						}
					</textarea>
					<br>
					<button class="loginBtn"    onClick="send010B('01','0B')">发送</button>
					<br>
					结果:
					<br>
					<textarea style="height: 200px;" id="send010BRes" class="accreditInput" placeholder="结果"></textarea>
					<br>
				</div>
			</div>
			<div id="main_pnl_2" class="inforData_box" style="background-color: #dbe3d1">
				<div class="loginWrap" style="text-align: left;">
					<span style="">&nbsp;&nbsp;指令发送信息:</span>
				</div>
				<br/>
				<ul>
					<li> <span class="inforData_tile">&nbsp;&nbsp;订单号:</span> <span id="orderNo">检测中...</span>
					<a href="javascript:void(0)" style="text-decoration:none;" onclick="copy('orderNo')">复制&nbsp;&nbsp;</a> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;发送时间:</span> <span id="sendTime">检测中...</span> </li>
				</ul>
			</div> 
			<br>
			<div id="main_pnl_2" class="inforData_box" style="background-color: #dbe3d1">
				<div class="loginWrap" style="text-align: left;">
					<span style="">&nbsp;&nbsp;指令响应信息:</span>
				</div>
				<br/>
				<ul>
					<li> <span class="inforData_tile">&nbsp;&nbsp;订单号:</span> <span id="resOrderNo">检测中...</span>
					<a href="javascript:void(0)" style="text-decoration:none;" onclick="copy('resOrderNo')">复制&nbsp;&nbsp;</a> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;出液口:</span> <span id="cargoWayNo">检测中...</span> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;脉冲数:</span> <span id="decimalPulseNum">检测中...</span> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;脉冲量(hex):</span> <span id="pulseNum">检测中...</span> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;重量(斤):</span> <span id="weight">检测中...</span> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;命令次数:</span> <span id="commandCount">检测中...</span> </li>
					<li> <span class="inforData_tile">&nbsp;&nbsp;响应时间:</span> <span id="resTime">检测中...</span> </li>
				</ul>
			</div> 
			<br>
			<div class="notice_box" id="jccs" style="background-color: #d8dde6">
				<span>集成测试:</span>
				<div style="height: 20px;"></div>
				<ul id="cdsList">
					<li>
						<div class="loginWrap" style="text-align: center;">
							<input id="voiceContent"  type="text" value="欢迎使用蓝之海洗衣液自助售夜机"  class="accreditInput">
							<button class="loginBtn"  style="width: 15%;"  onClick="voice()">语音播报</button>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/rentAjax.js"></script>
	<script src="js/rent.js"></script>
	<script src="js/alert.js"></script>
	<script>
	$(function(){
		// setInterval("orderResStatus()",2000);
		var domain = window.location.hostname;
		console.log(domain);
	})
	</script>
</html>
